/* 清除默认样式 */
body, html, #app {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #f0f2f5;
}

/* 页面切换动画 */
.fade-transform-leave-active,
.fade-transform-enter-active {
    transition: all 0.5s;
}

.fade-transform-enter-from {
    opacity: 0;
    transform: translateX(-30px);
}

.fade-transform-leave-to {
    opacity: 0;
    transform: translateX(30px);
}

/* 自定义滚动条样式 */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-thumb {
    background-color: #d3d3d3;
    border-radius: 10px;
}
::-webkit-scrollbar-track {
    background-color: transparent;
}

/* --- UI 优化 --- */
.el-card {
    border-radius: 8px !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
}

.el-table th {
    background-color: #fafafa !important;
    color: #606266 !important;
    font-weight: 600;
}

.el-table--border .el-table__cell:first-child .cell {
    padding-left: 15px;
}
.el-table .cell {
    padding: 12px 15px;
}

.el-button {
    border-radius: 6px !important;
}
.el-button.is-plain {
    border-color: #dcdfe6 !important;
}
